$('document').ready(function () {
    // 加载页面时触发的事件
    if (getCookie('code') == 200 || getCookie('code') == 201 || getCookie('code') == 202 || getCookie('code') == 203) {
        window.location.href = 'home.html'
    }

    $('#RetrievePsw-nav div').eq(0).css({
        'background-color': '#78b951',
        'color': 'white',
    })
    $('#RetrievePsw-nav span').eq(0).css({
        'background-color': '#78b951',
        'color': 'white',
    })

    // email-code框事件
    $('#email-code').blur(function () {
        if ($('#email-code').val() == '') {
            $('#email-code').css('border', '2px solid red')
            $('#email-code').prop('placeholder', '验证码不能为空!')
        } else if ($('#email-code').val().length > 12) {
            $('#email-code').prop('placeholder', '长度不能大于12位!')
            $('#email-code').val('')
        } else {
            $('#email-code').css('border', '2px solid green')
        }
    })
    $('#email-code').keyup(function () {
        if (($('#email-code').val() !== '')) {
            $('#emailnext').css({
                'background-color': 'red',
                'cursor': 'pointer'
            })
            $('#email-code').css('border', '2px solid green')
        } else {
            $('#email-code').css('border', '2px solid red')
            $('#email-code').prop('placeholder', '验证码不能为空!')
            $('#emailnext').css({
                'background-color': 'gray',
                'cursor': 'not-allwed'
            })
        }

    })

    // 获取验证码按钮
    var codetime = 60;

    function cd() {
        if (codetime == 0) {
            $('#code-button').text('获取验证码')
            codetime = 60;
        } else {
            $('#code-button').text(codetime + "秒后重新发送")
            codetime--
            setTimeout(function () {
                cd()
            }, 1000)
        }
    }
    $('#code-button').click(function () {
        if (emailzz.test($('#email-input').val())) {
            if ($(this).text() == "获取验证码") {
                $.ajax({
                    type: 'POST',
                    url: 'http://111.229.120.67/gen/find-psw',
                    data: {
                        "email": $('#email-input').val()
                    },
                    xhrFields: {
                        withCredentials: true
                    },
                    success: function (data) {
                        if (data.statusCode == 0) {
                            $('#myModal-public').modal({})
                            $('#myModal-public h4').html('已发送')
                            $('#myModal-public-body').html('验证码已成功发送')
                        } else {
                            $('#myModal-public').modal({})
                            $('#myModal-public h4').html('获取验证码失败')
                            $('#myModal-public-body').html('获取验证码失败，请重试')
                        }
                    }
                })
                cd();
            } else {
                $('#myModal-public').modal({})
                $('#myModal-public h4').html('请勿频繁点击')
                $('#myModal-public-body').html('验证码获取失败')
            }
        }
    })

    $('#usernext').click(function () {
        if (emailzz.test($('#email-input').val())) {
            $('#RetrievePsw-content').css('display', 'none')
            $('#RetrievePsw-content1').css('display', 'block')
            $('#RetrievePsw-nav div').eq(0).removeAttr('style')
            $('#RetrievePsw-nav span').eq(0).removeAttr('style')
            $('#RetrievePsw-nav div').eq(1).css({
                'background-color': '#78b951',
                'color': 'white',
            })
            $('#RetrievePsw-nav span').eq(1).css({
                'background-color': '#78b951',
                'color': 'white',
            })
        }
    })
    // --------------------------------------------------------------

    // emial-input框事件
    var emailzz = new RegExp("^[a-z0-9A-Z]+[- | a-z0-9A-Z . _]+@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\\.)+[a-z]{2,}$");
    $('#email-input').blur(function () {
        if ($('#email-input').val() == '') {
            $('#email-input').css({
                'border': '2px solid red',
            })
            $('#email-input').prop('placeholder', '邮箱不能为空!')
        } else if (!emailzz.test($('#email-input').val())) {
            $('#email-input').prop('placeholder', '邮箱格式不正确!')
            $('#email-input').val('')
        } else {
            $('#email-input').css('border', '2px solid green')
        }
    })
    $('#email-input').keyup(function () {
        if (emailzz.test($('#email-input').val())) {
            $('#usernext').css({
                'background-color': 'red',
                'cursor': 'pointer'
            })
            $('#email-input').css('border', '2px solid green')
        } else if (!emailzz.test($('#email-input').val())) {
            $('#usernext').css({
                'background-color': 'gray',
                'cursor': 'not-allwed'
            })
            $('#email-input').prop('placeholder', '邮箱格式不正确!')
            $('#email-input').css('border', '2px solid red')
        }

    })
    // email上一步
    $('#emailback').click(function () {
        $('#RetrievePsw-content').css('display', 'block')
        $('#RetrievePsw-content1').css('display', 'none')
        $('#RetrievePsw-nav div').eq(1).removeAttr('style')
        $('#RetrievePsw-nav span').eq(1).removeAttr('style')
        $('#RetrievePsw-nav div').eq(0).css({
            'background-color': '#78b951',
            'color': 'white',
        })
        $('#RetrievePsw-nav span').eq(0).css({
            'background-color': '#78b951',
            'color': 'white',
        })
    })
    // -------------------------------------------------------------

    // password-input框事件
    $('#password-input').blur(function () {
        if ($('#password-input').val() == '') {
            $('#password-input').css({
                'border': '2px solid red',
            })
            $('#password-input').prop('placeholder', '密码不能为空!')
            $('#checkpsw').css('cursor', 'auto')
        } else if ($('#password-input').val().length < 9 && $('#password-input').val().length > 0) {
            $('#password-input').css('border', '2px solid green')
            $('#checkpsw').css('cursor', 'pointer')
        }
    })
    $('#password-input').keyup(function () {
        if ($('#password-input').val().length < 9 && $('#password-input').val().length > 0) {
            $('#passwordnext').css({
                'background-color': 'red',
                'cursor': 'pointer'
            })
            $('#checkpsw').css('cursor', 'pointer')
            $('#password-input').css('border', '2px solid green')
        } else {
            $('#checkpsw').css('cursor', 'auto')
            $('#password-input').prop('placeholder', '密码不能为空!')
            $('#password-input').css('border', '2px solid red')
        }

    })
    // password下一步按钮
    $('#passwordnext').click(function () {
        if ($('#password-input').val().length < 9 && $('#password-input').val().length > 0 && $('#email-code').val() !== '') {
            $.ajax({
                type: 'POST',
                url: 'http://111.229.120.67/gen/reset-psw',
                data: {
                    "checkcode": $('#email-code').val(),
                    "newpassword": $('#password-input').val()
                },
                xhrFields: {
                    withCredentials: true
                },
                success: function (data) {
                    if (data.statusCode == 0) {
                        $('#myModal-public').modal({})
                        $('#myModal-public h4').html('成功找回')
                        $('#myModal-public-body').html('密码已成功找回！')
                        setTimeout(function(){
                            window.location.href="login.html"
                        },1000)
                    } else {
                        $('#myModal-public').modal({})
                        $('#myModal-public h4').html('找回失败')
                        $('#myModal-public-body').html('验证码错误')
                    }
                }
            })
        }else{
            $('#email-code').css('border', '2px solid red')
            $('#email-code').prop('placeholder', '验证码不能为空!')
        }
    })

    // 查看密码
    $('#checkpsw').click(function () {
        if ($('#password-input').attr('type') == 'password') {
            $('#password-input').attr('type', 'text')
        } else if ($('#password-input').attr('type') == 'text') {
            $('#password-input').attr('type', 'password')
        }
    })
    // -------------------------------------------------------------
})